<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户表格界面</title>
    <style>
        body
        {
         text-align: center;/*文本居中*/
            color: #4f6b72;/*字体颜色*/
            background: #e6eae9;/*背景颜色*/

        }
        table
        {
            width: 700px;/*宽度700*/
            padding: 0;/*内边框*/
            margin: 0 auto;/*外边框*/
        }
        th
        {
            /*右边框*/
            border-right: 1px solid #c1dad7;
            /*下边框*/
            border-bottom:1px solid #c1dad7;
            /*上边框*/
            border-top:1px solid #c1dad7;

            color:#4f6b72;
            letter-spacing: 2px;
            text-align: left;/*向左对齐*/
            /*内边框 上  下  左  右 */
            padding:6px 6px 6px 12px;
            background: #ceebea;
        }

        td
        {
            border-right: 1px solid #c1dad7;
            border-buttom: 1px solid #c1dad7;
            background: #fff;
            font-size: 11px;
            padding: 6px 6px 6px 12px;
            color: #4f6b72;
        }

        button
        {
            margin: 0 3px;
        }
    </style>
</head>
<body>
<div>
    <h2>用户列表</h2>

    <table>
        <thead>
        <tr><th>序号</th><th>账号</th><th>密码</th><th>操作</th></tr>
        </thead>
        <tbody id="tb">
        <tr><td>1</td><td>admin</td><td>123</td>
            <td><button>修改</button><button>删除</button></td></tr>
        <tr><td>2</td><td>张三</td><td>123</td>
            <td><button>修改</button><button>删除</button></td></tr>
        </tbody>
    </table>

</div>
<!-- </div>-->

</body>
<script src="https://code.jquery.com/jquery-3.7.0.min.js"></script>
<script src="./js/user.js"></script>
</html>